<template>
    <div class="video-container" @contextmenu.prevent>
        <video ref="video" controls autoplay muted loop width="100%"></video>
    </div>
</template>

<script>
export default {
    name: "SecretVideo",
    async mounted() {
        const response = await fetch('https://yuno-oss.oss-cn-shanghai.aliyuncs.com/secret/%E9%98%B2%E7%9B%97%E8%A7%86%E9%A2%91.mp4', {
            method: 'GET',
            headers: {
            }
        });
        const blob = await response.blob();
        const blobUrl = URL.createObjectURL(blob);
        this.$refs.video.src = blobUrl;
    }
}
</script>

<style scoped>
.video-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 16px;
    user-select: none;
}
</style>
